{css href="/static/index/css/style.css" /}
{css href="/static/index/css/tab/normalize.css" /}
{css href="/static/index/css/tab/tabs.css" /}
{css href="/static/index/css/tab/tabstyles.css" /}
{layout name="layout"}
<div class="content">
    <!--    大图-->
    <div class="index_top_hole">
    </div>
    {include file='public/nav'}
    <!--    nav-->
    <div class="container">
        <div class="heading"><img src="/static/index/image/mark.png" alt=""> <span>树洞社区</span> </div>
        <br><br>

<!--        TODO 树洞社区  -->
        <div class="container-fluid">
            <section>
                <div class="tabs tabs-style-iconfall">
                    <nav>
                        <ul>
                            <li><a href="#section-iconfall-1" class="icon icon-home">社区家园</a></li>
                            <li><a href="#section-iconfall-2" class="icon icon-gift">博主驾到</a></li>
                            <li><a href="#section-iconfall-3" class="icon icon-upload">我要分享</a></li>
                        </ul>
                    </nav>
                    <div class="content-wrap">
                        <section id="section-iconfall-1">
<!--                            <p style="color: gray; font-size: 18px"></p>-->
                            {volist name="$articles6" id="article"}
                            <a href="details/{$article.article_id}">
                                <div class="news_list">
                                    <div style="display: block">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="calendar">
                                                    <p style="font-size: 20px; color: grey">{$article.article_create_time|substr=8,3}</p>
                                                    <p style="font-size: 10px; color: grey">{$article.article_create_time|substr=0,7}</p>
                                                </div>
                                            </div>
                                            <div class="col-md-9">
                                                <div class="pull-left">
                                                    <h4 style="float: left;
                                    font-size: 20px;
                                    padding: 0;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow:ellipsis;
                                    width: 100%;
                                    ">{$article.article_name}</h4>
                                                    <p style="font-size: 14px;
                                                    padding: 18px;
                                                    color: grey;
                                                    display: block;
                                                    height: 30px;
                                                    overflow: hidden;">
                                                        {$article.article_content_text}
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            {/volist}
                            {$articles6|raw}
                            <br><br><br><br><br><br><br>
                        </section>
                        <section  id="section-iconfall-2">
                            {volist name="$articles7" id="article"}

                            <a href="details/{$article.article_id}">
                                <div class="news_list">
                                    <div style="display: block">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="calendar">
                                                    <p style="font-size: 20px; color: grey">{$article.article_create_time|substr=8,3}</p>
                                                    <p style="font-size: 10px; color: grey">{$article.article_create_time|substr=0,7}</p>
                                                </div>
                                            </div>
                                            <div class="col-md-9">
                                                <div class="pull-left">
                                                    <h2 style="float: left;
                                    font-size: 22px;
                                    padding: 8px;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow:ellipsis;
                                    width: 100%;
                                    ">{$article.article_name}</h2>
                                                    <p style="font-size: 14px;
                                    padding: 18px;
                                    color: grey;
                                    display: block;
                                    height: 50px;
                                    overflow: hidden;">
                                                        {$article.article_content_text}
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>

                            {/volist}
                            {$articles7|raw}
                            <br><br><br><br><br><br><br>
                        </section>
                        <section  id="section-iconfall-3">
                            欢迎大家投稿，投稿请通过以下联系方式联系网站管理员，作品在经过审核后会在《社区家园》板块投放
                            <br><br>
                            投稿邮箱： 3199238089@qq.com
                            <br><br>
                            QQ： 3199238089
                        </section>
                    </div><!-- /content -->
                </div><!-- /tabs -->
            </section>
        </div>
    </div>

    <br><br><br><br><br><br><br>
</div>
{include file="public/totop"}
{js href="/static/index/js/tab/cbpFWTabs.js" /}
<script>
    (function() {

        [].slice.call( document.querySelectorAll( '.tabs' ) ).forEach( function( el ) {
            new CBPFWTabs( el );
        });

    })();
</script>

